/**
 * 绑定事件
 */
function getEvent(){
    //失焦事件
    $("input[name=username]").on("blur",()=>{
        // 输入框判断
        userName()
    })

    $("input[name=passwords]").on("blur",()=>{
        // 输入框判断
        passWordsGet()
    })

    //登录
    $(".btn1").on("click",()=>{
        // 输入框判断
        userName()
        passWordsGet()
    })

    //注册
    $(".btn2").on("click",e=>{
        //阻止默认样式
        e.preventDefault();
        // 输入框判断
        let type1=userName()
        let type2=passWordsGet()
        //获取本地用户数据
        let usersList=JSON.parse(localStorage.getItem("usersList"))||[]
        if(type1&&type2){
            let users={
                usersname:$("input[name=username]").val(),
                passwords:$("input[name=passwords]").val()
            }
            let obj=usersList.find(item=>item.usersname==users.usersname)
            if(obj){
                alert("用户已存在!")
            }else{
                usersList.push(users);
                localStorage.setItem("usersList",JSON.stringify(usersList));
                alert("用户注册成功！")
            }
        }
    })

    //登录
    $(".btn1").on("click",e=>{
        //阻止默认样式
        e.preventDefault();
        // 输入框判断
        let type1=userName()
        let type2=passWordsGet()
        //获取本地用户数据
        let usersList=JSON.parse(localStorage.getItem("usersList"))||[]
        if(type1&&type2){
            //查找用户是否存在
            let obj=usersList.find(item=>item.usersname==$("input[name=username]").val())
            if(obj){
                // 用户存在，判断密码是否正确
                if(obj.passwords==$("input[name=passwords]").val()){
                    //密码正确
                    alert("登录成功！")
                    location.href="../index.html"
                }else{
                    //密码错误
                    $(".user").text("用户密码错误！")
                }
            }else{
                //用户不存在
                $(".user").text("用户名不存在！")
            }
        }
    })

}
/**
 * 用户名判断
 */
function userName(){
    let str=$("input[name=username]").val()
    if(str==""){
        $(".user").text("用户名不能为空!")
    }else{
        $(".user").text("")
        return true;
    }
    return false;
}
/**
 * 密码判断
 */
function passWordsGet(){
    let str=$("input[name=passwords]").val();
    let reg=/^[A-Z][0-9 a-z A-Z]{7,}/
    if(str==""){
        $(".password").text("密码不能为空!");
    }
    else if(str.length<=8){
        $(".password").text("密码长度不能小于8!");
    }
    else if(!reg.test(str)){
        $(".password").text("密码首位必须为大写字母");
    }else{
        $(".password").text("")
        return true;
    }
    return false;
}
getEvent()